<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<!--引用外部样式标-->
		<link rel="stylesheet" type="text/css" href="./css/font-awesome.css"/>
		<!--引用字体库-->
	</head>
	<body>
		<!--头部-->
		<header>
			<div class="topleft">
				<img src="img/1.png">
			</div>
			<div class="topright">
				<ul>
					<li><a href="javascript:;">发现音乐</a></li>		<!--javascript 防止 链接跳转-->
					<li><a href="javascript:;">我的音乐</a></li>
					<li><a href="javascript:;">朋友</a></li>
					<li><a href="mall.html">商城</a></li>
					<li><a href="Music.html">音乐人</a></li>
					<li><a href="Kefuduan.html">下载客户端</a></li>
				</ul>
			</div>
			<div class="top">
				<img src="img/2.png">
			</div>
			<div class="top1">
				<img src="img/123.PNG">
			</div>
			<div class="top2">
				<p><input type="bieming" placeholder="音乐、视频电台用户" class="t"></p>
			</div>
			<div class="top3">
				<input type="button" value="创作者中心" /class="y">
			</div>
			<div class="top4">
			 <p>登录</p>
			</div>
			<div class="logo">
				<img src="img/562.png">
			</div>
		</header>
		<!--内容-->
		<section>
			<div class="section">	
			</div>
			<div class="logo1">
				<ul>
					<li><a href="javascript:;">推荐</a></li>
					<li><a href="">排行榜</a></li>
					<li><a href="javascript:;">歌单</a></li>
					<li><a href="javascript:;">主播电台</a></li>
					<li><a href="javascript:;">歌手</a></li>
					<li><a href="javascript:;">新碟上架</a></li>
				</ul>
			</div>
			<div class="logo2">
				<img src="img/857.png">
			</div>
			<div class="logo3">
				<img class="img-slide img1" src="img/66.jpg" alt="1">
					<!--引用的图片路径-->
				<img class="img-slide img2" src="img/2Q==.jpg" alt="2">
				<img class="img-slide img3" src="img/67.jpg" alt="3">
				<img class="img-slide img4" src="img/68.jpg" alt="4">
				<img class="img-slide img5" src="img/63.jpg" alt="5">
				<img class="img-slide img6" src="img/60.jpg" alt="6">
				<img class="img-slide img7" src="img/62.jpg" alt="7">
				<img class="img-slide img8" src="img/64.jpg" alt="8">
				<img class="img-slide img9" src="img/65.jpg" alt="9">
			</div>
			<div class="logoo">	
			</div>
			<div class="logo4">
				<img src="img/65.png.png">
			</div>
			<div class="logo5">
				<ul>
					<li><img src="img/624.png"></li>
					<li><h1>热门推荐</h1></li>
				</ul>	
			</div>
			<div class="logo6">
				<ul>
					<li>华语</li>
					<li>流行</li>
					<li>摇滚</li>
					<li>民谣</li>
					<li>电子</li>
				</ul>
			</div>
			<div class="logo7">
				<ul>
					<li>更多</li>
					<li><img src="img/871.png"></li>
				</ul>
			</div>
			<div class="logo8">
			</div>
			<div class="logo9">
				<ul>
					<li>登录网易云音乐，可以享受无限收藏的</li>
					<li>乐趣，并且无限同步到手机</li>
				</ul>
			</div>
			<div class="bok">
				<input type="button" value="用户登录"/ class="u">
			</div>
			<div class="bok1">
			</div>
			<div class="bok2">
				<ul>
					<li><a href="javascript:;"><img src="img/31.png.jpg"></a></li>
					<li><a href="javascript:;"><img src="img/Z.jpg" ></a></li>
					<li><a href="javascript:;"><img src="img/14.png.jpg" ></a></li>
					<li><a href="javascript:;"><img src="img/9k=.jpg" ></a></li>
				</ul>
			</div>
			<div class="bok3">
				<ul>   
					<li><span class="fa fa-headphones"></span></li>
					<!--引用的字体-->
						<li>66875万</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="bok4" >
				<ul>
					<li><span class="fa fa-headphones"></span></li>
						<li>58万</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="bok5" >
				<ul>
					<li><span class="fa fa-headphones"></span></li>
						<li>217万</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="bok6" >
				<ul>
					<li><span class="fa fa-headphones"></span></li>
						<li>19784万</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="bok7">
				<ul>
					<li><p>[华语速爆新歌]最新华</p>
				    <p>语音乐推荐</p></li>
				</ul>
			</div>
			<div class="bok8">
				<ul>
					<li><p>Urban·空想少年都市</p>
				    <p>绮梦</p></li>
				</ul>
			</div>
			<div class="bok9">
				<ul>
					<li><p>破十万评论歌曲[百万</p>
				    <p>评论歌曲]</p></li>
				</ul>
			</div>
			<div class="lok">
				<ul>
					<li><p>沉琳静月|爱情</p>
						<p>最美的状态，心动的本</p>
						<p>能</p>
					</li>
				</ul>
				<div class="lok1">
					<img src="img/25.png">
				</div>
			</div>
			<div class="lok2">
				<ul>
					<li><a href="javascript:;"><img src="img/11.jpg"></a></li>
					<li><a href="javascript:;"><img src="img/8.jpg" ></a></li>
					<li><a href="javascript:;"><img src="img/5.jpg" ></a></li>
					<li><a href="javascript:;"><img src="img/9.jpg" ></a></li>
				</ul>
			</div>
			<div class="lok3">
				<ul>
					<li><span class="fa fa-headphones"></span></li>
						<li>54</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="lok4">
				<ul>
					<li><span class="fa fa-headphones"></span></li>
						<li>217万</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="lok5">
				<ul>
					<li><span class="fa fa-headphones"></span></li>
						<li>9939万</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="lok6">
				<ul>
					<li><span class="fa fa-headphones"></span></li>
						<li>78万</li>
					<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
				</ul>
			</div>
			<div class="lok7">
				<ul>
					<li><p>你没有来过，我</p>
				    <p>没有爱过</p></li>
				</ul>
				<div class="lok77">
					<img src="img/25.png">
				</div>
			</div>
			<div class="lok8">
				<ul>
					<li><p>即使身处暗流，也要仰</p>
				    <p>望星空啊</p></li>
				</ul>
			</div>
			<div class="lok9">
				<ul>
					<li>好听到单曲循环</li>
				</ul>
			</div>
			<div class="lok10">
				<ul>
					<li><p>我要找到你（完</p>
				    <p>整版已上线啦~）</p></li>
				</ul>
				<div class="lok110">
					<img src="img/25.png">
				</div>
			</div>
			<div class="kok">
				<h4>入驻歌手</h4>
			</div>
			<div class="kok1">
				<p>查看全部</p>
				</div>
				<div class="kok2">
					<img src="img/13.png">
				</div>
		   <div class="kok3">
		       </div>
		       <div class="kok4">
		       	<ul>
		       		<li><a href="javascript:;"><img src="img/1.jpg" ></a></li>
		       		<li><a href="javascript:;"><img src="img/7.jpg"></a></li>
		       		<li><a href="javascript:;"><img src="img/0.jpg"></a></li>
		       		<li><a href="javascript:;"><img src="img/6.jpg"></a></li>
		       		<li><a href="javascript:;"><img src="img/13.jpg"></a></li>
		       	</ul>
		       </div>
		       <div class="kok5">
		       	<ul>
		       		<li><h4>张惠妹aMEl</h4>
		       			<p>台湾歌手张惠妹</p>
		       		</li>
		       	</ul>
		       	</div>
		       	<div class="kok6">
		       	<ul>
		       		<li><h4>Fine乐团</h4>
		       			<p>独立音乐人</p>
		       		</li>
		       	</ul>
		       	</div>
		       	<div class="kok7">
		       	<ul>
		       		<li><h4>萬曉利</h4>			
		       <p>民谣歌手、中国现</p>
		       		</li>
		       	</ul>
		       	</div>
		       	<div class="kok8">	
		       	<ul>
		       		<li><h4>音乐人赵雷</h4>
		       			<p>民谣歌手</p>
		       		</li>
		       	</ul>
		       	</div>
		       	<div class="kok9">
		       	<ul>
		       		<li><h4>王三溥</h4>
		       			<p>音乐人</p>
		       		</li>
		       	</ul>
		       </div>
		       <div class="jok">
		       <p><input type="button" value="申请成为网易音乐人" /class="z"></p>
		       </div>
		       <div class="jok1">
		       	<ul>
					<li><img src="img/624.png"></li>
					<li><h1>新碟上架</h1></li>
				</ul>	
		       </div>
		       <div class="jok2">
		       	<ul>
					<li>更多</li>
					<li><img src="img/871.png"></li>
				</ul>
		       </div>
		       <div class="jok3">
		       </div>
		       <div class="jok4">
		       	<div class="jok5">
		       		<ul>
		       			<li><a href="javascript:;"><img src="img/29k=.jpg"></a></li>
		       			<li><a href="javascript:;"><img src="img/7.png"></a></li>
		       			<li><a href="javascript:;"><img src="img/p.jpg"></a></li>
		       			<li><a href="javascript:;"><img src="img/21.png"></a></li>
		       			<li><a href="javascript:;"><img src="img/49k=.jpg"></a></li>
		       		</ul>
		       	</div>
		       	<div class="jok6">
		       		<ul>
		       			<li><p>Love poem</p>
		       				<p>IU</p>
		       			</li>
		       		</ul>
		       	</div>
		       	<div class="jok7">
		       		<ul>	
		       			<li><p>我在原地等你</p>
		       				<p>吴青峰</p>
		       			</li>
		       		</ul>
		       	</div>
		       	<div class="jok8">
		       		<ul>
		       			<li><p>THINKINGPart2</p>
		       				<p>Zico</p>
		       			</li>
		       		</ul>
		       	</div>
		       	<div class="jok9">
		       		<ul>
		       			<li><p>与火星的孩子对话</p>
		       				<p>华晨宇</p>
		       			</li>
		       		</ul>
		       	</div>
		       	<div class="jok10">
		       		<ul>
		       			<li><p>야호(夜好)</p>
		       				<p>N.Flying</p>
		       			</li>
		       		</ul>
		       </div>
		       </div>
		       <div class="lop">
		       	<h5>热门主播</h5>
		       </div>
		       <div class="lop1">
		       </div>
		       <div class="lop2">
		       	<ul>
		       		<li><a href="javascript:;"><img src="img/21.jpg"></a></li>
		       		<li><a href="javascript:;"><img src="img/4Q==.jpg"></a></li>
		       		<li><a href="javascript:;"><img src="img/22.png"></a></li>
		       		<li><a href="javascript:;"><img src="img/23.jpg"></a></li>
		       		<li><a href="javascript:;"><img src="img/5Q==.jpg"></a></li>
		       	</ul>
		       </div>
		       <div class="lop3">
		       	<ul>
		       		<li><h4>陈立</h4>
		       			<p>心理学家、美食家陈立教授</p>
		       		</li>
		       	</ul>
		       	<div class="lop4">
		       		<img src="img/31.png">
		       	</div>
		       </div>
		       <div class="lop5">
		       	<ul>
		       		<li><h4>DJ艳秋</h4>
		       			<p>著名音乐节目主持人</p>
		       		</li>
		       	</ul>
		       	<div class="lop6">
		       		<img src="img/31.png">
		       	</div>
		       </div>
		       <div class="lop7">
		       	<ul>
		       		<li><h4>国家大剧院古典音乐频道</h4>
		       			<p>国家大剧院古典音乐官方</p>
		       		</li>
		       	</ul>
		       	<div class="lop8">
		       		<img src="img/31.png">
		       	</div>
		       </div>
		       <div class="lop9">
		       	<ul>
		       		<li><h4>谢谢收听</h4>
		       			<p>南京电台主持人王馨</p>
		       		</li>
		       	</ul>
		       	<div class="lop10">
		       		<img src="img/31.png">
		       	</div>
		       </div>
		       <div class="lop11">
		       	<ul>
		       		<li><h4>DJ晓苏</h4>
		       			<p>独立DJ，CR环球旅游广播...</p>
		       		</li>
		       	</ul>
		       	<div class="lop12">
		       		<img src="img/31.png">
		       	</div>
		       </div>
		       <div class="jop">
		       </div>
		       <div class="jop1">
				<ul>
					<li><img src="img/624.png"></li>
					<li><h1>榜单</h1></li>
				</ul>	
			</div>
			<div class="jop2">
				<ul>
					<li>更多</li>
					<li><img src="img/871.png"></li>
				</ul>
				</div>
				<div class="jop3">
				<ul>
					<li><h4>云音乐飙升榜</h4>
						<img src="img/15.png.png"></li>
				</ul>	
						<div class="jop4">
							<ul>
								<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
								<li><a href="javascript:;"><span class="fa fa-folder-o"></span></a></li>
							</ul>
						</div>
						<div class="jop5">
							<ul>
								<li><a href="javascript:;">麻雀</a></li>
								<li><a href="javascript:;">飞</a></li>
								<li><a href="javascript:;">借我2020</a></li>
								<li><a href="javascript:;">庇佑</a></li>
								<li><a href="javascript:;"><span class="n">fly</span></a></li>
								<li><a href="javascript:;">固执的勇气</a></li>
								<li><a href="javascript:;">重演</a></li>
								<li><a href="javascript:;">+<span class="n">DONE151201</span>+</a></li>
								<li><a href="javascript:;">一万种可能 <span class="n">infinite</span></a></li>
								<li><a href="javascript:;"><span class="n">Now or never</span></a></li>
							</ul>
						</div>
							<div class="jop6">
							<ul>
								<li><a href="javascript:;"><span class="b">1</span></a></li>
								<li><a href="javascript:;"><span class="b">2</span></a></li>
								<li><a href="javascript:;"><span class="b">3</span></a></li>
								<li><a href="javascript:;"><span class="n">4</span></a></li>
								<li><a href="javascript:;"><span class="n">5</span></a></li>
								<li><a href="javascript:;"><span class="n">6</span></a></li>
								<li><a href="javascript:;"><span class="n">7</span></a></li>
								<li><a href="javascript:;"><span class="n">8</span></a></li>
								<li><a href="javascript:;"><span class="n">9</span></a></li>
								<li><a href="javascript:;"><span class="n">10</span></a></li>
							</ul>
						</div>
						<div class="jop55">
								<ul>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
								</ul>
							</div>
						<div class="jop7">
							<p>查看全部</p>
						</div>
					<div class="jop8">
					<img src="img/13.png" >
				      </div>
				</div>
				<div class="jop9">
				<ul>
					<li><h4>云音乐新歌榜</h4>
						<img src="img/16.png.png"></li>
				</ul>
				      <div class="jop10">
						   <ul>
								<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
								<li><a href="javascript:;"><span class="fa fa-folder-o"class="n"></span></a></li>
							</ul>
					    </div>
					    <div class="jop11">
							<ul>
								<li><a href="javascript:;">麻雀</a></li>
								<li><a href="javascript:;">好像爱这个世界啊</a></li>
								<li><a href="javascript:;">二零三</a></li>
								<li><a href="javascript:;">没有理由</a></li>
								<li><a href="javascript:;">下山</a></li>
								<li><a href="javascript:;">我的姑娘她在远方</a></li>
								<li><a href="javascript:;">爱你不是两三天</a></li>
								<li><a href="javascript:;">角儿无大小</a></li>
								<li><a href="javascript:;">重演</a></li>
								<li><a href="javascript:;"><span class="n">Blueming</span></a></li>
							</ul>
						</div>
						<div class="jop12">
							<ul>
								<li><a href="javascript:;"><span class="b">1</span></a></li>
								<li><a href="javascript:;"><span class="b">2</span></a></li>
								<li><a href="javascript:;"><span class="b">3</span></a></li>
								<li><a href="javascript:;"><span class="n">4</span></a></li>
								<li><a href="javascript:;"><span class="n">5</span></a></li>
								<li><a href="javascript:;"><span class="n">6</span></a></li>
								<li><a href="javascript:;"><span class="n">7</span></a></li>
								<li><a href="javascript:;"><span class="n">8</span></a></li>
								<li><a href="javascript:;"><span class="n">9</span></a></li>
								<li><a href="javascript:;"><span class="n">10</span></a></li>
							</ul>
						</div>
						<div class="jop111">
								<ul>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
								</ul>
							</div>
						<div class="jop13">
							<p>查看全部</p>
						</div>
					<div class="jop14">
					<img src="img/13.png">
				      </div>
				</div>
				<div class="jop15">
				<ul>
					<li><h4>网易原创歌曲榜</h4>
						<img src="img/17.png.png"></li>
				</ul>
				<div class="jop16">
						   <ul>
								<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a></li>
								<li><a href="javascript:;"><span class="fa fa-folder-o"></span></a></li>
							</ul>
				  </div> 
			   			<div class="jop17">
							<ul>
								<li><a href="javascript:;">让一让</a></li>
								<li><a href="javascript:;">卑微小调</a></li>
								<li><a href="javascript:;">多梦</a></li>
								<li><a href="javascript:;">你</a></li>
								<li><a href="javascript:;">书签</a></li>
								<li><a href="javascript:;">天气差我们不说话</a></li>
								<li><a href="javascript:;">给昨天的自己</a></li>	
								<li><a href="javascript:;">那是爱</a></li>
								<li><a href="javascript:;">华丽的孤独</a></li>
								<li><a href="javascript:;">妈妈不让我谈恋爱</a></li>
							</ul>
						</div>
						<div class="jop18">
							<ul>
								<li><a href="javascript:;"><span class="b">1</span></a></li>
								<li><a href="javascript:;"><span class="b">2</span></a></li>
								<li><a href="javascript:;"><span class="b">3</span></a></li>
								<li><a href="javascript:;"><span class="n">4</span></a></li>
								<li><a href="javascript:;"><span class="n">5</span></a></li>
								<li><a href="javascript:;"><span class="n">6</span></a></li>
								<li><a href="javascript:;"><span class="n">7</span></a></li>
								<li><a href="javascript:;"><span class="n">8</span></a></li>
								<li><a href="javascript:;"><span class="n">9</span></a></li>
								<li><a href="javascript:;"><span class="n">10</span></a></li>
							</ul>
						</div>
						<div class="jop171">
								<ul>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
									<li><a href="javascript:;"><span class="fa fa-play-circle-o"></span></a>
								        <a href="javascript:;"><span class="fa fa-plus"></span></a>
								        <a href="javascript:;"><span class="fa fa-folder-o"></span></a>
									</li>
								</ul>
							</div>
						<div class="jop19">
							<p>查看全部</p>
						</div>
					<div class="jop20">
					<img src="img/13.png">
				      </div>
				</div>
				<div class="jop21">
				</div>
		</section>
		<!--尾部-->
		<footer>
			<div class="hop">
			<ul>
				<li><a href="javascript:;">服务条款</a></li>
				<li><a href="javascript:;">隐私政策</a></li>
				<li><a href="javascript:;">儿童隐私政策</a></li>
				<li><a href="javascript:;">版权投诉指引</a></li>
				<li><a href="javascript:;">意思反馈</a></li>
			</ul>
			</div>
			<div class="hop1">
				<ul>
					<li><a href="javascript:;">网易公司版权所有<span class="j">©1997-2019</span></a></li>
					<li><a href="javascript:;">杭州乐读科技有限公司：浙网文<span class="k">[2018]3506-263</span>号</a></li>
				</ul>
			</div>
			<div class="hop2">
				<ul>
					<li><a href="javascript:;">违法和不良信息举报电话：<span class="j">0571-89853516</span></a></li>
					<li><a href="javascript:;">举报邮箱：<span class="k">ncm5990@163.com</span></a></li>
				</ul>
			</div>
			<div class="hop3">
				<ul>
					<li><a href="javascript:;"><img src="img/33.png"></a></li>
					<li><a href="javascript:;"><img src="img/34.png"></a></li>
					<li><a href="javascript:;"><img src="img/35.png"></a></li>
					<li><a href="javascript:;"><img src="img/36.png"></a></li>
				</ul>
			</div>
			<div class="hop4">
				<ul>
					<li>用户认证</li>
					<li>独立音乐人</li>
					<li>赞赏</li>
					<li>视频奖励</li>
				</ul>
			</div>
		</footer>
	</body>
	<script type="text/javascript">
    var index=0;
    function ChangeImg() {
        index++;
        var a=document.getElementsByClassName("img-slide");
        if(index>=a.length) index=0;
        for(var i=0;i<a.length;i++){
            a[i].style.display='none';
        }
        a[index].style.display='block';
    }
    setInterval(ChangeImg,4000);
</script>
</html>
